<!--<div id="m_header_menu" class="m-header-menu m-aside-header-menu-mobile m-aside-header-menu-mobile--offcanvas  m-header-menu--skin-light m-header-menu--submenu-skin-light m-aside-header-menu-mobile--skin-dark m-aside-header-menu-mobile--submenu-skin-dark "  >
                <ul class="m-menu__nav  m-menu__nav--submenu-arrow ">
                  <li class="m-menu__item  m-menu__item--submenu m-menu__item--rel"  m-menu-submenu-toggle="click" m-menu-link-redirect="1" aria-haspopup="true">
                    <a  href="javascript:;" class="m-menu__link m-menu__toggle">
                      <i class="m-menu__link-icon flaticon-add"></i>
                      <span class="m-menu__link-text">
                        Actions
                      </span>
                      <i class="m-menu__hor-arrow la la-angle-down"></i>
                      <i class="m-menu__ver-arrow la la-angle-right"></i>
                    </a>
                    <div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--left">
                      <span class="m-menu__arrow m-menu__arrow--adjust"></span>
                      <ul class="m-menu__subnav">
                        <li class="m-menu__item "  aria-haspopup="true">
                          <a  href="header/actions.html" class="m-menu__link ">
                            <i class="m-menu__link-icon flaticon-file"></i>
                            <span class="m-menu__link-text">
                              Create New Post
                            </span>
                          </a>
                        </li>
                        <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                          <a  href="header/actions.html" class="m-menu__link ">
                            <i class="m-menu__link-icon flaticon-diagram"></i>
                            <span class="m-menu__link-title">
                              <span class="m-menu__link-wrap">
                                <span class="m-menu__link-text">
                                  Generate Reports
                                </span>
                                <span class="m-menu__link-badge">
                                  <span class="m-badge m-badge--success">
                                    2
                                  </span>
                                </span>
                              </span>
                            </span>
                          </a>
                        </li>
                        <li class="m-menu__item  m-menu__item--submenu"  m-menu-submenu-toggle="hover" m-menu-link-redirect="1" aria-haspopup="true">
                          <a  href="javascript:;" class="m-menu__link m-menu__toggle">
                            <i class="m-menu__link-icon flaticon-business"></i>
                            <span class="m-menu__link-text">
                              Manage Orders
                            </span>
                            <i class="m-menu__hor-arrow la la-angle-right"></i>
                            <i class="m-menu__ver-arrow la la-angle-right"></i>
                          </a>
                          <div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--right">
                            <span class="m-menu__arrow "></span>
                            <ul class="m-menu__subnav">
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <span class="m-menu__link-text">
                                    Latest Orders
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <span class="m-menu__link-text">
                                    Pending Orders
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <span class="m-menu__link-text">
                                    Processed Orders
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <span class="m-menu__link-text">
                                    Delivery Reports
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <span class="m-menu__link-text">
                                    Payments
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <span class="m-menu__link-text">
                                    Customers
                                  </span>
                                </a>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="m-menu__item  m-menu__item--submenu"  m-menu-submenu-toggle="hover" m-menu-link-redirect="1" aria-haspopup="true">
                          <a  href="#" class="m-menu__link m-menu__toggle">
                            <i class="m-menu__link-icon flaticon-chat-1"></i>
                            <span class="m-menu__link-text">
                              Customer Feedbacks
                            </span>
                            <i class="m-menu__hor-arrow la la-angle-right"></i>
                            <i class="m-menu__ver-arrow la la-angle-right"></i>
                          </a>
                          <div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--right">
                            <span class="m-menu__arrow "></span>
                            <ul class="m-menu__subnav">
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <span class="m-menu__link-text">
                                    Customer Feedbacks
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <span class="m-menu__link-text">
                                    Supplier Feedbacks
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <span class="m-menu__link-text">
                                    Reviewed Feedbacks
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <span class="m-menu__link-text">
                                    Resolved Feedbacks
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <span class="m-menu__link-text">
                                    Feedback Reports
                                  </span>
                                </a>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                          <a  href="header/actions.html" class="m-menu__link ">
                            <i class="m-menu__link-icon flaticon-users"></i>
                            <span class="m-menu__link-text">
                              Register Member
                            </span>
                          </a>
                        </li>
                      </ul>
                    </div>
                  </li>
                  <li class="m-menu__item  m-menu__item--submenu m-menu__item--rel"  m-menu-submenu-toggle="click" m-menu-link-redirect="1" aria-haspopup="true">
                    <a  href="javascript:;" class="m-menu__link m-menu__toggle">
                      <i class="m-menu__link-icon flaticon-line-graph"></i>
                      <span class="m-menu__link-text">
                        Reports
                      </span>
                      <i class="m-menu__hor-arrow la la-angle-down"></i>
                      <i class="m-menu__ver-arrow la la-angle-right"></i>
                    </a>
                    <div class="m-menu__submenu  m-menu__submenu--fixed m-menu__submenu--left" style="width:1000px">
                      <span class="m-menu__arrow m-menu__arrow--adjust"></span>
                      <div class="m-menu__subnav">
                        <ul class="m-menu__content">
                          <li class="m-menu__item">
                            <h3 class="m-menu__heading m-menu__toggle">
                              <span class="m-menu__link-text">
                                Finance Reports
                              </span>
                              <i class="m-menu__ver-arrow la la-angle-right"></i>
                            </h3>
                            <ul class="m-menu__inner">
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-icon flaticon-map"></i>
                                  <span class="m-menu__link-text">
                                    Annual Reports
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-icon flaticon-user"></i>
                                  <span class="m-menu__link-text">
                                    HR Reports
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-icon flaticon-clipboard"></i>
                                  <span class="m-menu__link-text">
                                    IPO Reports
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-icon flaticon-graphic-1"></i>
                                  <span class="m-menu__link-text">
                                    Finance Margins
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-icon flaticon-graphic-2"></i>
                                  <span class="m-menu__link-text">
                                    Revenue Reports
                                  </span>
                                </a>
                              </li>
                            </ul>
                          </li>
                          <li class="m-menu__item">
                            <h3 class="m-menu__heading m-menu__toggle">
                              <span class="m-menu__link-text">
                                Project Reports
                              </span>
                              <i class="m-menu__ver-arrow la la-angle-right"></i>
                            </h3>
                            <ul class="m-menu__inner">
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-bullet m-menu__link-bullet--line">
                                    <span></span>
                                  </i>
                                  <span class="m-menu__link-text">
                                    Coca Cola CRM
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-bullet m-menu__link-bullet--line">
                                    <span></span>
                                  </i>
                                  <span class="m-menu__link-text">
                                    Delta Airlines Booking Site
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-bullet m-menu__link-bullet--line">
                                    <span></span>
                                  </i>
                                  <span class="m-menu__link-text">
                                    Malibu Accounting
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-bullet m-menu__link-bullet--line">
                                    <span></span>
                                  </i>
                                  <span class="m-menu__link-text">
                                    Vineseed Website Rewamp
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-bullet m-menu__link-bullet--line">
                                    <span></span>
                                  </i>
                                  <span class="m-menu__link-text">
                                    Zircon Mobile App
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-bullet m-menu__link-bullet--line">
                                    <span></span>
                                  </i>
                                  <span class="m-menu__link-text">
                                    Mercury CMS
                                  </span>
                                </a>
                              </li>
                            </ul>
                          </li>
                          <li class="m-menu__item">
                            <h3 class="m-menu__heading m-menu__toggle">
                              <span class="m-menu__link-text">
                                HR Reports
                              </span>
                              <i class="m-menu__ver-arrow la la-angle-right"></i>
                            </h3>
                            <ul class="m-menu__inner">
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-bullet m-menu__link-bullet--dot">
                                    <span></span>
                                  </i>
                                  <span class="m-menu__link-text">
                                    Staff Directory
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-bullet m-menu__link-bullet--dot">
                                    <span></span>
                                  </i>
                                  <span class="m-menu__link-text">
                                    Client Directory
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-bullet m-menu__link-bullet--dot">
                                    <span></span>
                                  </i>
                                  <span class="m-menu__link-text">
                                    Salary Reports
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-bullet m-menu__link-bullet--dot">
                                    <span></span>
                                  </i>
                                  <span class="m-menu__link-text">
                                    Staff Payslips
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-bullet m-menu__link-bullet--dot">
                                    <span></span>
                                  </i>
                                  <span class="m-menu__link-text">
                                    Corporate Expenses
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-bullet m-menu__link-bullet--dot">
                                    <span></span>
                                  </i>
                                  <span class="m-menu__link-text">
                                    Project Expenses
                                  </span>
                                </a>
                              </li>
                            </ul>
                          </li>
                          <li class="m-menu__item">
                            <h3 class="m-menu__heading m-menu__toggle">
                              <span class="m-menu__link-text">
                                Reporting Apps
                              </span>
                              <i class="m-menu__ver-arrow la la-angle-right"></i>
                            </h3>
                            <ul class="m-menu__inner">
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <span class="m-menu__link-text">
                                    Report Adjusments
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <span class="m-menu__link-text">
                                    Sources & Mediums
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <span class="m-menu__link-text">
                                    Reporting Settings
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <span class="m-menu__link-text">
                                    Conversions
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <span class="m-menu__link-text">
                                    Report Flows
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <span class="m-menu__link-text">
                                    Audit & Logs
                                  </span>
                                </a>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </li>
                  <li class="m-menu__item  m-menu__item--submenu m-menu__item--rel"  m-menu-submenu-toggle="click" m-menu-link-redirect="1" aria-haspopup="true">
                    <a  href="javascript:;" class="m-menu__link m-menu__toggle">
                      <i class="m-menu__link-icon flaticon-paper-plane"></i>
                      <span class="m-menu__link-title">
                        <span class="m-menu__link-wrap">
                          <span class="m-menu__link-text">
                            Apps
                          </span>
                          <span class="m-menu__link-badge">
                            <span class="m-badge m-badge--brand m-badge--wide">
                              new
                            </span>
                          </span>
                        </span>
                      </span>
                      <i class="m-menu__hor-arrow la la-angle-down"></i>
                      <i class="m-menu__ver-arrow la la-angle-right"></i>
                    </a>
                    <div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--left">
                      <span class="m-menu__arrow m-menu__arrow--adjust"></span>
                      <ul class="m-menu__subnav">
                        <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                          <a  href="header/actions.html" class="m-menu__link ">
                            <i class="m-menu__link-icon flaticon-business"></i>
                            <span class="m-menu__link-text">
                              eCommerce
                            </span>
                          </a>
                        </li>
                        <li class="m-menu__item  m-menu__item--submenu"  m-menu-submenu-toggle="hover" m-menu-link-redirect="1" aria-haspopup="true">
                          <a  href="crud/datatable_v1.html" class="m-menu__link m-menu__toggle">
                            <i class="m-menu__link-icon flaticon-computer"></i>
                            <span class="m-menu__link-text">
                              Audience
                            </span>
                            <i class="m-menu__hor-arrow la la-angle-right"></i>
                            <i class="m-menu__ver-arrow la la-angle-right"></i>
                          </a>
                          <div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--right">
                            <span class="m-menu__arrow "></span>
                            <ul class="m-menu__subnav">
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-icon flaticon-users"></i>
                                  <span class="m-menu__link-text">
                                    Active Users
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-icon flaticon-interface-1"></i>
                                  <span class="m-menu__link-text">
                                    User Explorer
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-icon flaticon-lifebuoy"></i>
                                  <span class="m-menu__link-text">
                                    Users Flows
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-icon flaticon-graphic-1"></i>
                                  <span class="m-menu__link-text">
                                    Market Segments
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-icon flaticon-graphic"></i>
                                  <span class="m-menu__link-text">
                                    User Reports
                                  </span>
                                </a>
                              </li>
                            </ul>
                          </div>
                        </li>
                        <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                          <a  href="header/actions.html" class="m-menu__link ">
                            <i class="m-menu__link-icon flaticon-map"></i>
                            <span class="m-menu__link-text">
                              Marketing
                            </span>
                          </a>
                        </li>
                        <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                          <a  href="header/actions.html" class="m-menu__link ">
                            <i class="m-menu__link-icon flaticon-graphic-2"></i>
                            <span class="m-menu__link-title">
                              <span class="m-menu__link-wrap">
                                <span class="m-menu__link-text">
                                  Campaigns
                                </span>
                                <span class="m-menu__link-badge">
                                  <span class="m-badge m-badge--success">
                                    3
                                  </span>
                                </span>
                              </span>
                            </span>
                          </a>
                        </li>
                        <li class="m-menu__item  m-menu__item--submenu"  m-menu-submenu-toggle="hover" m-menu-link-redirect="1" aria-haspopup="true">
                          <a  href="javascript:;" class="m-menu__link m-menu__toggle">
                            <i class="m-menu__link-icon flaticon-infinity"></i>
                            <span class="m-menu__link-text">
                              Cloud Manager
                            </span>
                            <i class="m-menu__hor-arrow la la-angle-right"></i>
                            <i class="m-menu__ver-arrow la la-angle-right"></i>
                          </a>
                          <div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--left">
                            <span class="m-menu__arrow "></span>
                            <ul class="m-menu__subnav">
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-icon flaticon-add"></i>
                                  <span class="m-menu__link-title">
                                    <span class="m-menu__link-wrap">
                                      <span class="m-menu__link-text">
                                        File Upload
                                      </span>
                                      <span class="m-menu__link-badge">
                                        <span class="m-badge m-badge--danger">
                                          3
                                        </span>
                                      </span>
                                    </span>
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-icon flaticon-signs-1"></i>
                                  <span class="m-menu__link-text">
                                    File Attributes
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-icon flaticon-folder"></i>
                                  <span class="m-menu__link-text">
                                    Folders
                                  </span>
                                </a>
                              </li>
                              <li class="m-menu__item "  m-menu-link-redirect="1" aria-haspopup="true">
                                <a  href="header/actions.html" class="m-menu__link ">
                                  <i class="m-menu__link-icon flaticon-cogwheel-2"></i>
                                  <span class="m-menu__link-text">
                                    System Settings
                                  </span>
                                </a>
                              </li>
                            </ul>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </li>
                </ul>
              </div> -->

                            <div id="m_header_topbar" class="m-topbar  m-stack m-stack--ver m-stack--general m-stack--fluid">
                <div class="m-stack__item m-topbar__nav-wrapper">
                  <ul class="m-topbar__nav m-nav m-nav--inline">
<!--                     <li class="
  m-nav__item m-dropdown m-dropdown--large m-dropdown--arrow m-dropdown--align-center m-dropdown--mobile-full-width m-dropdown--skin-light  m-list-search m-list-search--skin-light" 
  m-dropdown-toggle="click" id="m_quicksearch" m-quicksearch-mode="dropdown" m-dropdown-persistent="1">
                      <a href="#" class="m-nav__link m-dropdown__toggle">
                        <span class="m-nav__link-icon">
                          <i class="flaticon-search-1"></i>
                        </span>
                      </a>
                      <div class="m-dropdown__wrapper">
                        <span class="m-dropdown__arrow m-dropdown__arrow--center"></span>
                        <div class="m-dropdown__inner ">
                          <div class="m-dropdown__header">
                            <form  class="m-list-search__form">
                              <div class="m-list-search__form-wrapper">
                                <span class="m-list-search__form-input-wrapper">
                                  <input id="m_quicksearch_input" autocomplete="off" type="text" name="q" class="m-list-search__form-input" value="" placeholder="Search...">
                                </span>
                                <span class="m-list-search__form-icon-close" id="m_quicksearch_close">
                                  <i class="la la-remove"></i>
                                </span>
                              </div>
                            </form>
                          </div>
                          <div class="m-dropdown__body">
                            <div class="m-dropdown__scrollable m-scrollable" data-scrollable="true" data-max-height="300" data-mobile-max-height="200">
                              <div class="m-dropdown__content"></div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </li> -->
<!--                     <li class="m-nav__item m-topbar__notifications m-topbar__notifications--img m-dropdown m-dropdown--large m-dropdown--header-bg-fill m-dropdown--arrow m-dropdown--align-center  m-dropdown--mobile-full-width" m-dropdown-toggle="click" m-dropdown-persistent="1">
                      <a href="#" class="m-nav__link m-dropdown__toggle" id="m_topbar_notification_icon">
                        <span class="m-nav__link-badge m-badge m-badge--dot m-badge--dot-small m-badge--danger"></span>
                        <span class="m-nav__link-icon">
                          <i class="flaticon-music-2"></i>
                        </span>
                      </a>
                      <div class="m-dropdown__wrapper">
                        <span class="m-dropdown__arrow m-dropdown__arrow--center"></span>
                        <div class="m-dropdown__inner">
                          <div class="m-dropdown__header m--align-center" style="background: url(views/app/assets/app/media/img/misc/notification_bg.jpg); background-size: cover;">
                            <span class="m-dropdown__header-title">
                              9 New
                            </span>
                            <span class="m-dropdown__header-subtitle">
                              User Notifications
                            </span>
                          </div>
                          <div class="m-dropdown__body">
                            <div class="m-dropdown__content">
                              <ul class="nav nav-tabs m-tabs m-tabs-line m-tabs-line--brand" role="tablist">
                                <li class="nav-item m-tabs__item">
                                  <a class="nav-link m-tabs__link active" data-toggle="tab" href="#topbar_notifications_notifications" role="tab">
                                    Alerts
                                  </a>
                                </li>
                                <li class="nav-item m-tabs__item">
                                  <a class="nav-link m-tabs__link" data-toggle="tab" href="#topbar_notifications_events" role="tab">
                                    Events
                                  </a>
                                </li>
                                <li class="nav-item m-tabs__item">
                                  <a class="nav-link m-tabs__link" data-toggle="tab" href="#topbar_notifications_logs" role="tab">
                                    Logs
                                  </a>
                                </li>
                              </ul>
                              <div class="tab-content">
                                <div class="tab-pane active" id="topbar_notifications_notifications" role="tabpanel">
                                  <div class="m-scrollable" data-scrollable="true" data-max-height="250" data-mobile-max-height="200">
                                    <div class="m-list-timeline m-list-timeline--skin-light">
                                      <div class="m-list-timeline__items">
                                        <div class="m-list-timeline__item">
                                          <span class="m-list-timeline__badge -m-list-timeline__badge--state-success"></span>
                                          <span class="m-list-timeline__text">
                                            12 new users registered
                                          </span>
                                          <span class="m-list-timeline__time">
                                            Just now
                                          </span>
                                        </div>
                                        <div class="m-list-timeline__item">
                                          <span class="m-list-timeline__badge"></span>
                                          <span class="m-list-timeline__text">
                                            System shutdown
                                            <span class="m-badge m-badge--success m-badge--wide">
                                              pending
                                            </span>
                                          </span>
                                          <span class="m-list-timeline__time">
                                            14 mins
                                          </span>
                                        </div>
                                        <div class="m-list-timeline__item">
                                          <span class="m-list-timeline__badge"></span>
                                          <span class="m-list-timeline__text">
                                            New invoice received
                                          </span>
                                          <span class="m-list-timeline__time">
                                            20 mins
                                          </span>
                                        </div>
                                        <div class="m-list-timeline__item">
                                          <span class="m-list-timeline__badge"></span>
                                          <span class="m-list-timeline__text">
                                            DB overloaded 80%
                                            <span class="m-badge m-badge--info m-badge--wide">
                                              settled
                                            </span>
                                          </span>
                                          <span class="m-list-timeline__time">
                                            1 hr
                                          </span>
                                        </div>
                                        <div class="m-list-timeline__item">
                                          <span class="m-list-timeline__badge"></span>
                                          <span class="m-list-timeline__text">
                                            System error -
                                            <a href="#" class="m-link">
                                              Check
                                            </a>
                                          </span>
                                          <span class="m-list-timeline__time">
                                            2 hrs
                                          </span>
                                        </div>
                                        <div class="m-list-timeline__item m-list-timeline__item--read">
                                          <span class="m-list-timeline__badge"></span>
                                          <span href="" class="m-list-timeline__text">
                                            New order received
                                            <span class="m-badge m-badge--danger m-badge--wide">
                                              urgent
                                            </span>
                                          </span>
                                          <span class="m-list-timeline__time">
                                            7 hrs
                                          </span>
                                        </div>
                                        <div class="m-list-timeline__item m-list-timeline__item--read">
                                          <span class="m-list-timeline__badge"></span>
                                          <span class="m-list-timeline__text">
                                            Production server down
                                          </span>
                                          <span class="m-list-timeline__time">
                                            3 hrs
                                          </span>
                                        </div>
                                        <div class="m-list-timeline__item">
                                          <span class="m-list-timeline__badge"></span>
                                          <span class="m-list-timeline__text">
                                            Production server up
                                          </span>
                                          <span class="m-list-timeline__time">
                                            5 hrs
                                          </span>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div class="tab-pane" id="topbar_notifications_events" role="tabpanel">
                                  <div class="m-scrollable" data-scrollable="true" data-max-height="250" data-mobile-max-height="200">
                                    <div class="m-list-timeline m-list-timeline--skin-light">
                                      <div class="m-list-timeline__items">
                                        <div class="m-list-timeline__item">
                                          <span class="m-list-timeline__badge m-list-timeline__badge--state1-success"></span>
                                          <a href="" class="m-list-timeline__text">
                                            New order received
                                          </a>
                                          <span class="m-list-timeline__time">
                                            Just now
                                          </span>
                                        </div>
                                        <div class="m-list-timeline__item">
                                          <span class="m-list-timeline__badge m-list-timeline__badge--state1-danger"></span>
                                          <a href="" class="m-list-timeline__text">
                                            New invoice received
                                          </a>
                                          <span class="m-list-timeline__time">
                                            20 mins
                                          </span>
                                        </div>
                                        <div class="m-list-timeline__item">
                                          <span class="m-list-timeline__badge m-list-timeline__badge--state1-success"></span>
                                          <a href="" class="m-list-timeline__text">
                                            Production server up
                                          </a>
                                          <span class="m-list-timeline__time">
                                            5 hrs
                                          </span>
                                        </div>
                                        <div class="m-list-timeline__item">
                                          <span class="m-list-timeline__badge m-list-timeline__badge--state1-info"></span>
                                          <a href="" class="m-list-timeline__text">
                                            New order received
                                          </a>
                                          <span class="m-list-timeline__time">
                                            7 hrs
                                          </span>
                                        </div>
                                        <div class="m-list-timeline__item">
                                          <span class="m-list-timeline__badge m-list-timeline__badge--state1-info"></span>
                                          <a href="" class="m-list-timeline__text">
                                            System shutdown
                                          </a>
                                          <span class="m-list-timeline__time">
                                            11 mins
                                          </span>
                                        </div>
                                        <div class="m-list-timeline__item">
                                          <span class="m-list-timeline__badge m-list-timeline__badge--state1-info"></span>
                                          <a href="" class="m-list-timeline__text">
                                            Production server down
                                          </a>
                                          <span class="m-list-timeline__time">
                                            3 hrs
                                          </span>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div class="tab-pane" id="topbar_notifications_logs" role="tabpanel">
                                  <div class="m-stack m-stack--ver m-stack--general" style="min-height: 180px;">
                                    <div class="m-stack__item m-stack__item--center m-stack__item--middle">
                                      <span class="">
                                        All caught up!
                                        <br>
                                        No new logs.
                                      </span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </li> -->
<!--                     <li class="m-nav__item m-topbar__quick-actions m-topbar__quick-actions--img m-dropdown m-dropdown--large m-dropdown--header-bg-fill m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push m-dropdown--mobile-full-width m-dropdown--skin-light"  m-dropdown-toggle="click">
                      <a href="#" class="m-nav__link m-dropdown__toggle">
                        <span class="m-nav__link-badge m-badge m-badge--dot m-badge--info m--hide"></span>
                        <span class="m-nav__link-icon">
                          <i class="flaticon-share"></i>
                        </span>
                      </a>
                      <div class="m-dropdown__wrapper">
                        <span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
                        <div class="m-dropdown__inner">
                          <div class="m-dropdown__header m--align-center" style="background: url(views/app/assets/app/media/img/misc/quick_actions_bg.jpg); background-size: cover;">
                            <span class="m-dropdown__header-title">
                              Quick Actions
                            </span>
                            <span class="m-dropdown__header-subtitle">
                              Shortcuts
                            </span>
                          </div>
                          <div class="m-dropdown__body m-dropdown__body--paddingless">
                            <div class="m-dropdown__content">
                              <div class="data" data="false" data-max-height="380" data-mobile-max-height="200">
                                <div class="m-nav-grid m-nav-grid--skin-light">
                                  <div class="m-nav-grid__row">
                                    <a href="#" class="m-nav-grid__item">
                                      <i class="m-nav-grid__icon flaticon-file"></i>
                                      <span class="m-nav-grid__text">
                                        Generate Report
                                      </span>
                                    </a>
                                    <a href="#" class="m-nav-grid__item">
                                      <i class="m-nav-grid__icon flaticon-time"></i>
                                      <span class="m-nav-grid__text">
                                        Add New Event
                                      </span>
                                    </a>
                                  </div>
                                  <div class="m-nav-grid__row">
                                    <a href="#" class="m-nav-grid__item">
                                      <i class="m-nav-grid__icon flaticon-folder"></i>
                                      <span class="m-nav-grid__text">
                                        Create New Task
                                      </span>
                                    </a>
                                    <a href="#" class="m-nav-grid__item">
                                      <i class="m-nav-grid__icon flaticon-clipboard"></i>
                                      <span class="m-nav-grid__text">
                                        Completed Tasks
                                      </span>
                                    </a>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </li> -->
                    <li class="m-nav__item m-topbar__user-profile m-topbar__user-profile--img  m-dropdown m-dropdown--medium m-dropdown--arrow m-dropdown--header-bg-fill m-dropdown--align-right m-dropdown--mobile-full-width m-dropdown--skin-light" m-dropdown-toggle="click">
                      <a href="#" class="m-nav__link m-dropdown__toggle">
                        <span class="m-topbar__userpic">
                          <img src="image/static/defaultUser.png" class="m--img-rounded m--marginless m--img-centered" alt=""/>
                        </span>
                        <span class="m-topbar__username m--hide">
                          {{userName}}
                        </span>
                      </a>
                      <div class="m-dropdown__wrapper">
                        <span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
                        <div class="m-dropdown__inner">
                          <div class="m-dropdown__header m--align-center" style="background: url(views/app/assets/app/media/img/misc/user_profile_bg.jpg); background-size: cover;">
                            <div class="m-card-user m-card-user--skin-dark">
                              <div class="m-card-user__pic">
                                <img src="image/static/defaultUser.png" class="m--img-rounded m--marginless" alt=""/>
                              </div>
                              <div class="m-card-user__details">
                                <span class="m-card-user__name m--font-weight-500">
                                  {{userName}}
                                </span>
                                <a href="" class="m-card-user__email m--font-weight-300 m-link">
                                  <!-- mark.andre@gmail.com -->
                                </a>
                              </div>
                            </div>
                          </div>
                          <div class="m-dropdown__body">
                            <div class="m-dropdown__content">
                              <ul class="m-nav m-nav--skin-light">
                                <!-- <li class="m-nav__section m--hide">
                                  <span class="m-nav__section-text">
                                    Section
                                  </span>
                                </li>
                                <li class="m-nav__item">
                                  <a href="header/profile.html" class="m-nav__link">
                                    <i class="m-nav__link-icon flaticon-profile-1"></i>
                                    <span class="m-nav__link-title">
                                      <span class="m-nav__link-wrap">
                                        <span class="m-nav__link-text">
                                          My Profile
                                        </span>
                                        <span class="m-nav__link-badge">
                                          <span class="m-badge m-badge--success">
                                            2
                                          </span>
                                        </span>
                                      </span>
                                    </span>
                                  </a>
                                </li>
                                <li class="m-nav__item">
                                  <a href="header/profile.html" class="m-nav__link">
                                    <i class="m-nav__link-icon flaticon-share"></i>
                                    <span class="m-nav__link-text">
                                      Activity
                                    </span>
                                  </a>
                                </li>
                                <li class="m-nav__item">
                                  <a href="header/profile.html" class="m-nav__link">
                                    <i class="m-nav__link-icon flaticon-chat-1"></i>
                                    <span class="m-nav__link-text">
                                      Messages
                                    </span>
                                  </a>
                                </li>
                                <li class="m-nav__separator m-nav__separator--fit"></li>
                                <li class="m-nav__item">
                                  <a href="header/profile.html" class="m-nav__link">
                                    <i class="m-nav__link-icon flaticon-info"></i>
                                    <span class="m-nav__link-text">
                                      FAQ
                                    </span>
                                  </a>
                                </li>
                                <li class="m-nav__item">
                                  <a href="header/profile.html" class="m-nav__link">
                                    <i class="m-nav__link-icon flaticon-lifebuoy"></i>
                                    <span class="m-nav__link-text">
                                      Support
                                    </span>
                                  </a>
                                </li> -->
                                <li class="m-nav__separator m-nav__separator--fit"></li>
                                <li class="m-nav__item">
                                  <a href="" class="btn m-btn--pill    btn-secondary m-btn m-btn--custom m-btn--label-brand m-btn--bolder" ng-click="logOut()">
                                    登出
                                  </a>
                                </li>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>
                    </li>
                   <!--  <li id="m_quick_sidebar_toggle" class="m-nav__item">
                      <a href="#" class="m-nav__link m-dropdown__toggle">
                        <span class="m-nav__link-icon">
                          <i class="flaticon-grid-menu"></i>
                        </span>
                      </a>
                    </li> -->
                  </ul>
                </div>
              </div>

             <!--  <div id="m_quick_sidebar" class="m-quick-sidebar m-quick-sidebar--tabbed m-quick-sidebar--skin-light">
  <div class="m-quick-sidebar__content m--hide">
    <span id="m_quick_sidebar_close" class="m-quick-sidebar__close">
      <i class="la la-close"></i>
    </span>
    <ul id="m_quick_sidebar_tabs" class="nav nav-tabs m-tabs m-tabs-line m-tabs-line--brand" role="tablist">
      <li class="nav-item m-tabs__item">
        <a class="nav-link m-tabs__link active" data-toggle="tab" href="#m_quick_sidebar_tabs_messenger" role="tab">
          Messages
        </a>
      </li>
      <li class="nav-item m-tabs__item">
        <a class="nav-link m-tabs__link"    data-toggle="tab" href="#m_quick_sidebar_tabs_settings" role="tab">
          Settings
        </a>
      </li>
      <li class="nav-item m-tabs__item">
        <a class="nav-link m-tabs__link" data-toggle="tab" href="#m_quick_sidebar_tabs_logs" role="tab">
          Logs
        </a>
      </li>
    </ul>
    <div class="tab-content">
      <div class="tab-pane active m-scrollable" id="m_quick_sidebar_tabs_messenger" role="tabpanel">
        <div class="m-messenger m-messenger--message-arrow m-messenger--skin-light">
          <div class="m-messenger__messages">
            <div class="m-messenger__wrapper">
              <div class="m-messenger__message m-messenger__message--in">
                <div class="m-messenger__message-pic">
                  <img src="../../../assets/app/media/img//users/user3.jpg" alt=""/>
                </div>
                <div class="m-messenger__message-body">
                  <div class="m-messenger__message-arrow"></div>
                  <div class="m-messenger__message-content">
                    <div class="m-messenger__message-username">
                      Megan wrote
                    </div>
                    <div class="m-messenger__message-text">
                      Hi Bob. What time will be the meeting ?
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="m-messenger__wrapper">
              <div class="m-messenger__message m-messenger__message--out">
                <div class="m-messenger__message-body">
                  <div class="m-messenger__message-arrow"></div>
                  <div class="m-messenger__message-content">
                    <div class="m-messenger__message-text">
                      Hi Megan. It's at 2.30PM
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="m-messenger__wrapper">
              <div class="m-messenger__message m-messenger__message--in">
                <div class="m-messenger__message-pic">
                  <img src="../../../assets/app/media/img//users/user3.jpg" alt=""/>
                </div>
                <div class="m-messenger__message-body">
                  <div class="m-messenger__message-arrow"></div>
                  <div class="m-messenger__message-content">
                    <div class="m-messenger__message-username">
                      Megan wrote
                    </div>
                    <div class="m-messenger__message-text">
                      Will the development team be joining ?
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="m-messenger__wrapper">
              <div class="m-messenger__message m-messenger__message--out">
                <div class="m-messenger__message-body">
                  <div class="m-messenger__message-arrow"></div>
                  <div class="m-messenger__message-content">
                    <div class="m-messenger__message-text">
                      Yes sure. I invited them as well
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="m-messenger__datetime">
              2:30PM
            </div>
            <div class="m-messenger__wrapper">
              <div class="m-messenger__message m-messenger__message--in">
                <div class="m-messenger__message-pic">
                  <img src="../../../assets/app/media/img//users/user3.jpg"  alt=""/>
                </div>
                <div class="m-messenger__message-body">
                  <div class="m-messenger__message-arrow"></div>
                  <div class="m-messenger__message-content">
                    <div class="m-messenger__message-username">
                      Megan wrote
                    </div>
                    <div class="m-messenger__message-text">
                      Noted. For the Coca-Cola Mobile App project as well ?
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="m-messenger__wrapper">
              <div class="m-messenger__message m-messenger__message--out">
                <div class="m-messenger__message-body">
                  <div class="m-messenger__message-arrow"></div>
                  <div class="m-messenger__message-content">
                    <div class="m-messenger__message-text">
                      Yes, sure.
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="m-messenger__wrapper">
              <div class="m-messenger__message m-messenger__message--out">
                <div class="m-messenger__message-body">
                  <div class="m-messenger__message-arrow"></div>
                  <div class="m-messenger__message-content">
                    <div class="m-messenger__message-text">
                      Please also prepare the quotation for the Loop CRM project as well.
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="m-messenger__datetime">
              3:15PM
            </div>
            <div class="m-messenger__wrapper">
              <div class="m-messenger__message m-messenger__message--in">
                <div class="m-messenger__message-no-pic m--bg-fill-danger">
                  <span>
                    M
                  </span>
                </div>
                <div class="m-messenger__message-body">
                  <div class="m-messenger__message-arrow"></div>
                  <div class="m-messenger__message-content">
                    <div class="m-messenger__message-username">
                      Megan wrote
                    </div>
                    <div class="m-messenger__message-text">
                      Noted. I will prepare it.
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="m-messenger__wrapper">
              <div class="m-messenger__message m-messenger__message--out">
                <div class="m-messenger__message-body">
                  <div class="m-messenger__message-arrow"></div>
                  <div class="m-messenger__message-content">
                    <div class="m-messenger__message-text">
                      Thanks Megan. I will see you later.
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="m-messenger__wrapper">
              <div class="m-messenger__message m-messenger__message--in">
                <div class="m-messenger__message-pic">
                  <img src="../../../assets/app/media/img//users/user3.jpg"  alt=""/>
                </div>
                <div class="m-messenger__message-body">
                  <div class="m-messenger__message-arrow"></div>
                  <div class="m-messenger__message-content">
                    <div class="m-messenger__message-username">
                      Megan wrote
                    </div>
                    <div class="m-messenger__message-text">
                      Sure. See you in the meeting soon.
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="m-messenger__seperator"></div>
          <div class="m-messenger__form">
            <div class="m-messenger__form-controls">
              <input type="text" name="" placeholder="Type here..." class="m-messenger__form-input">
            </div>
            <div class="m-messenger__form-tools">
              <a href="" class="m-messenger__form-attachment">
                <i class="la la-paperclip"></i>
              </a>
            </div>
          </div>
        </div>
      </div>
      <div class="tab-pane  m-scrollable" id="m_quick_sidebar_tabs_settings" role="tabpanel">
        <div class="m-list-settings">
          <div class="m-list-settings__group">
            <div class="m-list-settings__heading">
              General Settings
            </div>
            <div class="m-list-settings__item">
              <span class="m-list-settings__item-label">
                Email Notifications
              </span>
              <span class="m-list-settings__item-control">
                <span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
                  <label>
                    <input type="checkbox" checked="checked" name="">
                    <span></span>
                  </label>
                </span>
              </span>
            </div>
            <div class="m-list-settings__item">
              <span class="m-list-settings__item-label">
                Site Tracking
              </span>
              <span class="m-list-settings__item-control">
                <span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
                  <label>
                    <input type="checkbox" name="">
                    <span></span>
                  </label>
                </span>
              </span>
            </div>
            <div class="m-list-settings__item">
              <span class="m-list-settings__item-label">
                SMS Alerts
              </span>
              <span class="m-list-settings__item-control">
                <span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
                  <label>
                    <input type="checkbox" name="">
                    <span></span>
                  </label>
                </span>
              </span>
            </div>
            <div class="m-list-settings__item">
              <span class="m-list-settings__item-label">
                Backup Storage
              </span>
              <span class="m-list-settings__item-control">
                <span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
                  <label>
                    <input type="checkbox" name="">
                    <span></span>
                  </label>
                </span>
              </span>
            </div>
            <div class="m-list-settings__item">
              <span class="m-list-settings__item-label">
                Audit Logs
              </span>
              <span class="m-list-settings__item-control">
                <span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
                  <label>
                    <input type="checkbox" checked="checked" name="">
                    <span></span>
                  </label>
                </span>
              </span>
            </div>
          </div>
          <div class="m-list-settings__group">
            <div class="m-list-settings__heading">
              System Settings
            </div>
            <div class="m-list-settings__item">
              <span class="m-list-settings__item-label">
                System Logs
              </span>
              <span class="m-list-settings__item-control">
                <span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
                  <label>
                    <input type="checkbox" name="">
                    <span></span>
                  </label>
                </span>
              </span>
            </div>
            <div class="m-list-settings__item">
              <span class="m-list-settings__item-label">
                Error Reporting
              </span>
              <span class="m-list-settings__item-control">
                <span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
                  <label>
                    <input type="checkbox" name="">
                    <span></span>
                  </label>
                </span>
              </span>
            </div>
            <div class="m-list-settings__item">
              <span class="m-list-settings__item-label">
                Applications Logs
              </span>
              <span class="m-list-settings__item-control">
                <span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
                  <label>
                    <input type="checkbox" name="">
                    <span></span>
                  </label>
                </span>
              </span>
            </div>
            <div class="m-list-settings__item">
              <span class="m-list-settings__item-label">
                Backup Servers
              </span>
              <span class="m-list-settings__item-control">
                <span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
                  <label>
                    <input type="checkbox" checked="checked" name="">
                    <span></span>
                  </label>
                </span>
              </span>
            </div>
            <div class="m-list-settings__item">
              <span class="m-list-settings__item-label">
                Audit Logs
              </span>
              <span class="m-list-settings__item-control">
                <span class="m-switch m-switch--outline m-switch--icon-check m-switch--brand">
                  <label>
                    <input type="checkbox" name="">
                    <span></span>
                  </label>
                </span>
              </span>
            </div>
          </div>
        </div>
      </div>
      <div class="tab-pane  m-scrollable" id="m_quick_sidebar_tabs_logs" role="tabpanel">
        <div class="m-list-timeline">
          <div class="m-list-timeline__group">
            <div class="m-list-timeline__heading">
              System Logs
            </div>
            <div class="m-list-timeline__items">
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span>
                <a href="" class="m-list-timeline__text">
                  12 new users registered
                  <span class="m-badge m-badge--warning m-badge--wide">
                    important
                  </span>
                </a>
                <span class="m-list-timeline__time">
                  Just now
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span>
                <a href="" class="m-list-timeline__text">
                  System shutdown
                </a>
                <span class="m-list-timeline__time">
                  11 mins
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-danger"></span>
                <a href="" class="m-list-timeline__text">
                  New invoice received
                </a>
                <span class="m-list-timeline__time">
                  20 mins
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-warning"></span>
                <a href="" class="m-list-timeline__text">
                  Database overloaded 89%
                  <span class="m-badge m-badge--success m-badge--wide">
                    resolved
                  </span>
                </a>
                <span class="m-list-timeline__time">
                  1 hr
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span>
                <a href="" class="m-list-timeline__text">
                  System error
                </a>
                <span class="m-list-timeline__time">
                  2 hrs
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span>
                <a href="" class="m-list-timeline__text">
                  Production server down
                  <span class="m-badge m-badge--danger m-badge--wide">
                    pending
                  </span>
                </a>
                <span class="m-list-timeline__time">
                  3 hrs
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span>
                <a href="" class="m-list-timeline__text">
                  Production server up
                </a>
                <span class="m-list-timeline__time">
                  5 hrs
                </span>
              </div>
            </div>
          </div>
          <div class="m-list-timeline__group">
            <div class="m-list-timeline__heading">
              Applications Logs
            </div>
            <div class="m-list-timeline__items">
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span>
                <a href="" class="m-list-timeline__text">
                  New order received
                  <span class="m-badge m-badge--info m-badge--wide">
                    urgent
                  </span>
                </a>
                <span class="m-list-timeline__time">
                  7 hrs
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span>
                <a href="" class="m-list-timeline__text">
                  12 new users registered
                </a>
                <span class="m-list-timeline__time">
                  Just now
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span>
                <a href="" class="m-list-timeline__text">
                  System shutdown
                </a>
                <span class="m-list-timeline__time">
                  11 mins
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-danger"></span>
                <a href="" class="m-list-timeline__text">
                  New invoices received
                </a>
                <span class="m-list-timeline__time">
                  20 mins
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-warning"></span>
                <a href="" class="m-list-timeline__text">
                  Database overloaded 89%
                </a>
                <span class="m-list-timeline__time">
                  1 hr
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span>
                <a href="" class="m-list-timeline__text">
                  System error
                  <span class="m-badge m-badge--info m-badge--wide">
                    pending
                  </span>
                </a>
                <span class="m-list-timeline__time">
                  2 hrs
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span>
                <a href="" class="m-list-timeline__text">
                  Production server down
                </a>
                <span class="m-list-timeline__time">
                  3 hrs
                </span>
              </div>
            </div>
          </div>
          <div class="m-list-timeline__group">
            <div class="m-list-timeline__heading">
              Server Logs
            </div>
            <div class="m-list-timeline__items">
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span>
                <a href="" class="m-list-timeline__text">
                  Production server up
                </a>
                <span class="m-list-timeline__time">
                  5 hrs
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span>
                <a href="" class="m-list-timeline__text">
                  New order received
                </a>
                <span class="m-list-timeline__time">
                  7 hrs
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span>
                <a href="" class="m-list-timeline__text">
                  12 new users registered
                </a>
                <span class="m-list-timeline__time">
                  Just now
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span>
                <a href="" class="m-list-timeline__text">
                  System shutdown
                </a>
                <span class="m-list-timeline__time">
                  11 mins
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-danger"></span>
                <a href="" class="m-list-timeline__text">
                  New invoice received
                </a>
                <span class="m-list-timeline__time">
                  20 mins
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-warning"></span>
                <a href="" class="m-list-timeline__text">
                  Database overloaded 89%
                </a>
                <span class="m-list-timeline__time">
                  1 hr
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span>
                <a href="" class="m-list-timeline__text">
                  System error
                </a>
                <span class="m-list-timeline__time">
                  2 hrs
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span>
                <a href="" class="m-list-timeline__text">
                  Production server down
                </a>
                <span class="m-list-timeline__time">
                  3 hrs
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-success"></span>
                <a href="" class="m-list-timeline__text">
                  Production server up
                </a>
                <span class="m-list-timeline__time">
                  5 hrs
                </span>
              </div>
              <div class="m-list-timeline__item">
                <span class="m-list-timeline__badge m-list-timeline__badge--state-info"></span>
                <a href="" class="m-list-timeline__text">
                  New order received
                </a>
                <span class="m-list-timeline__time">
                  1117 hrs
                </span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
 -->


<!--   <script src="views/app/assets/vendors/base/vendors.bundle.js" type="text/javascript"></script>
  <script src="views/app/assets/demo/default/base/scripts.bundle.js" type="text/javascript"></script>
  <script src="views/app/assets/vendors/custom/fullcalendar/fullcalendar.bundle.js" type="text/javascript"></script>
  <script src="views/app/assets/app/js/dashboard.js" type="text/javascript"></script>